<template>
  <div>
    <!-- <ul v-if="$route.path != '/reg' && $route.path != '/login'"> -->
    <!-- <ul>
      <router-link
        v-for="item in navList"
        :key="item.id"
        tag="li"
        :to="item.path"
        active-class="active"
      >{{ item.title }}</router-link>
    </ul>-->
    <router-view />
    <van-tabbar route>
      <van-tabbar-item replace to="/Home" icon="home-o">首页</van-tabbar-item>
      <van-tabbar-item replace to="/List" icon="search">分类</van-tabbar-item>
      <van-tabbar-item replace to="/Cart" icon="search">购物车</van-tabbar-item>
      <van-tabbar-item replace to="/Mine" icon="search">我的</van-tabbar-item>
    </van-tabbar>
  </div>
</template>

<script>
export default {
  data() {
    return {
      // navList: [
      //   {
      //     id: 1,
      //     title: "首页",
      //     path: "/home"
      //   },
      //   {
      //     id: 2,
      //     title: "分类",
      //     path: "/list" // /news
      //   },
      //   {
      //     id: 3,
      //     title: "购物车",
      //     path: "/cart"
      //   },
      //   {
      //     id: 4,
      //     title: "我的",
      //     path: "/mine"
      //   }
      // ]
    };
  },

  components: {},

  methods: {},

  created() {},

  watch: {}
};
</script>

<style scoped lang="scss">
</style>